<div id="wrapper">

      <ul id="topbar">
        <li><a class="button white fl" title="preview" href="index.html"><span class="icon_single preview"></span></a></li>
		<li class="s_1"></li>
        <li class="logo"><strong>MAGNETO</strong> ADMIN SKIN</li>
		<li class="s_1"></li>
        <li><a class="breadcrumb underline" href="#">Dashboard</a></li>
        <li class="fr"><a class="button red fl" title="logout" href="index.html"><span class="icon_text logout"></span>logout</a></li>
        <li class="s_1 fr"></li>
		<li class="fr"><a class="button white fl" title="unread mail" href="#"><span class="icon_text mail"></span>3</a></li>
        <li class="s_1 fr"></li>
		<li class="fr"><a class="button white fl" title="admin" href="#"><span class="icon_text admin"></span>admin</a></li>
		<li class="fr"><a id="logged">Logged in as</a></li>
		<li class="clear"></li>
      </ul>
	
      <ul id="navbar">
        <li class="active">
		<a href="dashboard.html"><span class="icon_text dashboard"></span>dashboard</a>
			<ul>
				<li><a class="subbutton white" href="general.html"><span class="icon_text general"></span>general</a></li>
				<li><a class="subbutton white" href="tabs.html"><span class="icon_text tab"></span>tabs</a></li>
				<li><a class="subbutton white" href="typography.html"><span class="icon_text typography"></span>typography</a></li>
				<li><a class="subbutton white" href="grids.html"><span class="icon_text grids"></span>grids</a></li>
				<li><a class="subbutton white" href="tables.html"><span class="icon_text tables"></span>tables</a></li>
				<li><a class="subbutton white" href="forms.html"><span class="icon_text forms"></span>forms</a></li>
				<li><a class="subbutton white" href="graphs.html"><span class="icon_text graphs"></span>graphs</a></li>
				<li><a class="subbutton white" href="gallery.html"><span class="icon_text gallery"></span>gallery</a></li>
			</ul>
		</li>
        <li><a href="#"><span class="icon_text content"></span>content</a></li>
        <li><a href="#"><span class="icon_text design"></span>design</a></li>
        <li><a href="#"><span class="icon_text pages"></span>pages</a></li>
        <li><a href="#"><span class="icon_text users"></span>users</a></li>
        <li><a href="#"><span class="icon_text media"></span>media</a></li>
        <li><a href="#"><span class="icon_text comment"></span>comment</a></li>
        <li><a href="#"><span class="icon_text stats"></span>stats</a></li>
        <li><a href="#"><span class="icon_text settings"></span>settings</a></li>
      </ul>
	  <div id="subnavbar">
		<form id="search_form" method="post" action="#">
			<input type="text" name="search_input" value="Search..." id="search_input" class="fl" />
		</form>
	  </div>
	
	<div id="content">
	
	<div class="column full">
	
	<span class="message information"><strong>Last login</strong> Thursday June 16th, 2010 at 06:02pm from 127.0.0.1</span>
	
	</div>
	
	
	<div class="column half fl">
	
		<div class="box themed_box">
		<h2 class="box-header"> At a Glance</h2>
		<div class="box-content typo">
			
			<ul class="width50 fl">
				<li><h3><i class="title"> Content </i></h3></li>
				<li><a href="#"><strong>15</strong> Posts</a></li>
				<li><a href="#"><strong>23</strong> Pages</a></li>
				<li><a href="#"><strong>8</strong> Category</a></li>
				<li><a href="#"><strong>5</strong> Tags</a></li>
			</ul>
			<ul class="width40 fl">
				<li><h3><i class="title"> Discussione </i></h3></li>
				<li><a href="#"><strong>40</strong> Comments</a></li>
				<li><a class="approved" href="#"><strong>21</strong> Approved</a></li>
				<li><a class="pending" href="#"><strong>18</strong> Pending </a></li>
				<li><a class="spam" href="#"><strong>1</strong> Spam</a></li>				
			</ul>
			<div class="clear"></div>
		</div>
		</div>
		
		<div class="box">
		<h2 class="box-header">	Quick Post </h2>
		<div class="box-content">
			<label class="form-label"> title </label>		
			<input class="form-field full" type="text" value="" />
			<label class="form-label"> tag </label>		
			<input class="form-field full" type="text" value="" />
			<label class="form-label"> content </label>		
			<textarea id="wysiwyg" cols="" rows=""></textarea>
			<hr/>
			<a class="button grey fl" title="Save" href="#">save</a>
			<a class="button grey fl" title="Reset" href="#">reset</a>
			<a class="button themed fr" title="Public" href="#">public</a>
			<div class="clear"></div>
		</div>
		</div>
	
	</div>
	
	<div class="column half fr">

		<div class="box themed_box">
			<h2 class="box-header"> analytics </h2>
			<div class="box-content">
			<div id="bargraph" class="chart"></div>
			</div>
		</div>
	
		<div class="box">
		<h2 class="box-header"> Users - 500</h2>
		<div class="box-content typo">
		
			<a href="#" class="approved">Active <strong> 60% - 300</strong></a>
			<div class="progressbaractive"></div>
			<a href="#" class="pending">Pending <strong> 30% - 150</strong></a><br />
			<div class="progressbarpending"></div>
			<a href="#" class="spam">Suspended <strong> 10% - 50</strong></a><br />
			<div class="progressbarsuspended"></div>
			<div class="clear"></div>
		</div>
		</div>
	</div>
	
	<div class="clear"></div>

	</div>
</div>